<template>
  <a class="card2">
                    <div class="pic">
                        <img src="../../public/images/index/img_4.png" alt="">
                    </div>
                    <div class="bottom flex-r-b">
                        <div class="text">
                            <p class="ellipsis">法式布雷鲜花蛋糕=========点击弹窗-------></p>
                            <p class="price ellipsis">￥198/6寸</p>
                        </div>
                        <div class="add">
                        </div>
                    </div>
                </a>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  computed: {},
  methods: {},
  watch: {}
};
</script>
<style lang="scss" scoped>
@import "../../public/sass/base.scss";
.card,
.card2 {
  width: 3.4rem;
  margin-top: 0.3rem;
  background: $c-fb;
  border-radius: $radius-10;
  overflow: hidden;
  font-family: $f-Medium;
  color: $c-33;
  &:nth-of-type(even) {
    margin-left: 0.18rem;
  }
  .pic {
    display: block;
    height: 2.7rem;
  }
  .bottom {
    padding: 0.2rem;
    .text {
      flex: 1;
      overflow: hidden;
      font-size: 0.26rem;
    }
    .add {
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 0.2rem;
      background: url("../../public/images/index/iocn_3.png");
      background-size: 100% 100%;
    }
  }
}
.card2 {
  width: 100%;
  .pic {
    height: 2.38rem;
  }
  .bottom {
    padding: 0.24rem 0.2rem;
  }
}
</style>